<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>宏控件</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
    <meta name="generator" content="www.leipi.org" />
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-ie6.css">
    <![endif]-->
    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/ie.css">
    <![endif]-->
    <link rel="stylesheet" href="leipi.style.css">
    <script type="text/javascript" src="../dialogs/internal.js"></script>
    <script type="text/javascript">
		function createElement(type, name){     
		    var element = null;     
		    try {        
		        element = document.createElement('<'+type+' name="'+name+'">');     
		    } catch (e) {}   
		    if(element==null) {     
		        element = document.createElement(type);     
		        element.name = name;     
		    } 
		    return element;     
		}
		function orgTypeClick(obj){
			if(obj && obj.value=='id'){
				document.getElementById("orgfieldname").value = 'id'; 
				document.getElementById("orgname").value = '表单主键'; 
				document.getElementById("orghide").checked = true;
			}
			
			if(obj && obj.value=='attachment'){
				document.getElementById("orgfieldname").value = 'attachment'; 
				document.getElementById("orgname").value = '附件上传'; 
			}
			/* if(obj && obj.value.lastIndexOf('_combo')>0){
				document.getElementById("comboUrlTr").style.display="inline";
			}else{
				document.getElementById("comboUrlTr").style.display="none";
			} */
		}
		
    </script>
</head>
<body>
<div class="content">
    <table class="table table-bordered table-striped table-hover">
    <thead>
        <tr>
            <th><span>控件名称</span><span class="label label-important">*</span></th>
            <th><span>类型</span></th>
        </tr>
        <tr>
            <td>
                <input id="orgname" type="text" placeholder="必填项"/>
            </td>
            <td>
            	<select id="orgtype" class="span7" onchange="orgTypeClick(this);">
		            <optgroup label="----日期宏控件----">
		                <option value="yyyy">当前年份 [ 2018 ]</option>
		                <option value="yyyy-MM">当前年月 [ 2018-01 ]</option>
		                <option value="yyyy-MM-dd">当前年月日 [ 2018-01-01 ]</option>
		                <option value="yyyy-MM-dd HH:mm:ss">当前年月日时分秒[ 2018-01-01 12:30:00 ]</option>
		                <option value="MM-dd">当前月份日期 [ 01-01 ]</option>
		                <option value="HH:mm:ss">当前时间 [ 12:30:00 ]</option>
		                <option value="EEE">当前星期 [ 星期一 ]</option>
		            </optgroup>
		            <optgroup label="----用户宏控件----">
		                <option value="sys_userid">当前用户ID，如 9527</option>
		                <option value="sys_realname">当前用户姓名，如: 唐伯虎</option>
		                <option value="sys_roles">当前用户角色，如:	普通用户</option>
		                <option value="sys_org_no">当前用户部门编号，如: 000001</option>
		                <option value="sys_org_name">当前用户部门，如 研发部</option>
		                <option value="sys_user_job">当前用户的职位，如：总监</option>
		            </optgroup>
		            <optgroup label="----表单宏控件----">
		            	<option value="id">表单主键控件</option>
		            	<option value="user_choose">用户选择控件</option>
		            	<option value="org_choose">组织选择控件</option>
		            	<option value="role_choose">角色选择控件</option>
		                <option value="attachment">附件上传控件</option>
		            </optgroup>
		            <optgroup label="----下拉控件----" >
		            	<option value="sex_combo">性别下拉控件</option>
		            	<option value="org_combo">组织下拉控件</option>
		            	<option value="custom_combo">自定义下拉控件</option>
		            </optgroup>
		        </select>
                <!-- 
                <select  id="orgtype" class="span7">
                    <optgroup label="----常用日期宏控件----">
                        <option value="sys_datetime">当前日期+时间 [ 1997-01-01 12:30 ]</option>
                        <option value="sys_date">当前日期 [ 1997-01-01 ]</option>
                        <option value="sys_date_cn">当前日期 [ 1997年1月1日 ]</option>
                        <option value="sys_date_cn_short1">当前日期 [ 1997年1月 ]</option>
                        <option value="sys_date_cn_short4">当前年份 [ 1997 ]</option>
                        <option value="sys_date_cn_short3">当前年份 [ 1997年 ]</option>
                        <option value="sys_date_cn_short2">当前日期 [ 1月1日 ]</option>
                        <option value="sys_time">当前时间 [ 12:30 ]</option>
                        <option value="sys_week">当前星期 [ 星期一 ]</option>
                    </optgroup>
                    <optgroup label="----扩展定义----">
                        <option value="sys_userid">当前用户ID，如 9527</option>
                        <option value="sys_realname">当前用户姓名，如 唐伯虎</option>
                        <option value="sys_dept_id">当前用户部门编号，如 0002</option>
                        <option value="sys_dept_name">当前用户部门，如 华府</option>
                    </optgroup>
                </select>
                 -->
            </td>
        </tr>
    </thead>
    <tbody id='itemAttr'>
        <tr>
            <th><span>控件样式</span></th>
            <th><span>可见性</span></th>
        </tr>
        <tr>
            <td>
                宽 <input id="orgwidth" type="text" value="150" class="input-small span1" placeholder="auto"/> px
                &nbsp;&nbsp;
                字体大小 <input id="orgfontsize" type="text" value="" class="input-small span1" placeholder="auto"/> px
                
            </td>
            <td>
                <label class="checkbox"> <input id="orghide" type="checkbox"> 隐藏 </label>
            </td>
        </tr>
        <tr>
	        <th ><span>字段名称</span><span class="label label-important">*</span> </th>
		     <td>
	             <input type="text" id="orgfieldname" placeholder="字段名称">
	        </td>
	    </tr>
	    <tr id="comboUrlTr">
	        <th colspan="2">
	        	<span>url数据源配置</span>
	            <textarea class="input-block-level" rows="2" id="orgUrl" placeholder="url数据源" style="width: 100%;"></textarea>
	        </th>
	    </tr>
    </tbody>
    </table>
</div>
<script type="text/javascript">
var oNode = null,thePlugins = 'macros';
window.onload = function() {
	//默认隐藏
	
    if( UE.plugins[thePlugins].editdom ) {
        oNode = UE.plugins[thePlugins].editdom;
        var gTitle=oNode.getAttribute('title').replace(/&quot;/g,"\""),gHidden=oNode.getAttribute('orghide'),gFontSize=oNode.getAttribute('orgfontsize'),gWidth=oNode.getAttribute('orgwidth'),gType=oNode.getAttribute('orgtype'),gFieldname = oNode.getAttribute('orgfieldname'),gOrgUrl = oNode.getAttribute('orgUrl');
        gTitle = gTitle==null ? '' : gTitle;
        $G('orgname').value = gTitle;
        //if( oNode.tagName == 'INPUT' ) {}
        if(oNode.getAttribute('orghide')=='1'){
            $G('orghide').checked = true;
        }
        if(gType.lastIndexOf('_combo')<0){
    		document.getElementById("comboUrlTr").style.display="none";
    	}
        $G('orgname').value    = gTitle;
        $G('orgtype').value    = gType; 
        $G('orgwidth').value = gWidth;
        $G('orgfontsize').value = gFontSize;
        $G('orgfieldname').value = gFieldname;
        if(gOrgUrl!=''){
        	 $G('orgUrl').value = gOrgUrl;
        }
        
    }
}

dialog.oncancel = function () {
    if( UE.plugins[thePlugins].editdom ) {
        delete UE.plugins[thePlugins].editdom;
    }
};
dialog.onok = function (){
	if($G('orgname').value=='' || $G('orgfieldname').value==''){
        alert('请输入控件名称和字段名称');
        return false;
    }
    var gTitle=$G('orgname').value.replace(/\"/g,"&quot;"),gFontSize=$G('orgfontsize').value,gWidth=$G('orgwidth').value,gType=$G('orgtype').value,gFieldname = $G('orgfieldname').value,gOrgUrl = $G('orgUrl').value;
    if( !oNode ) {
        try {
                /*
                if ( $G('orgtype').value.indexOf('sys_list')>0 ) {
                    oNode = document.createElement("select");
                    var objOption = new Option('{macros}', '');
                    oNode.options[oNode.options.length] = objOption;
                } else {
                    //input
                }*/
                oNode = createElement('input','leipiNewField');
                oNode.setAttribute('type','text');
                
                var t_gType = (gType=='id')? '默认主键-id': gType;
                
                oNode.setAttribute('value','{'+ t_gType +'}');
                
                oNode.setAttribute('title',gTitle);
                oNode.setAttribute('name','leipiNewField');
                oNode.setAttribute('leipiPlugins',thePlugins);
                oNode.setAttribute('orgtype',gType); 
                if( $G('orghide').checked ) {
                    oNode.setAttribute('orghide', '1' ) ;
                } else {
                    oNode.setAttribute('orghide', '0' ) ;
                }
                
                if(gFieldname != ''){
                	oNode.setAttribute('orgfieldname',gFieldname);
                }
                
                if( gFontSize != '' ) {
                    oNode.style.fontSize = gFontSize + 'px';
                    oNode.setAttribute('orgfontsize',gFontSize );
                }
                if( gWidth != '' ) {
                    oNode.style.width = gWidth + 'px';
                    oNode.setAttribute('orgwidth',gWidth );
                }
                if(gOrgUrl!=''){
                	oNode.setAttribute('orgUrl',gOrgUrl );
                }
                editor.execCommand('insertHtml',oNode.outerHTML);
                return true;
            } catch ( e ) {
                try {
                    editor.execCommand('error');
                } catch ( e ) {
                    alert('控件异常，请到 [雷劈网] 反馈或寻求帮助！');
                }
                return false;
            }
    } else {
        var norgname = oNode.getAttribute('name').replace(/\"/g,"&quot;");
        var oNewNode = null;
        domUtils.remove(oNode,false);  //删除当前控件，再创建一个新的
        /*
        if ( $G('orgtype').value.indexOf('sys_list') > 0 ) {
            oNewNode = document.createElement("select");
            var objOption = new Option('{macros}', '');
            oNewNode.options[oNewNode.options.length] = objOption;
        }*/
        oNewNode = createElement('input','leipiNewField');
        oNewNode.setAttribute('type','text');
        
        var t_gType = (gType=='id')? '默认主键-id': gType;
        oNewNode.setAttribute('value','{'+ t_gType +'}');
        
        oNewNode.setAttribute('title',gTitle);
        oNewNode.setAttribute('name',norgname);
        oNewNode.setAttribute('leipiPlugins',thePlugins ); 
        oNewNode.setAttribute('orgtype',gType); 
        if( $G('orghide').checked ) {
            oNewNode.setAttribute('orghide', '1' ) ;
        } else {
            oNewNode.setAttribute('orghide', '0' ) ;
        }
        
        
        if(gFieldname != ''){
        	oNewNode.setAttribute('orgfieldname',gFieldname);
        }
        
        if( gFontSize != '' ) {
            oNewNode.style.fontSize = gFontSize + 'px';
            oNewNode.setAttribute('orgfontsize',gFontSize );
        }else{
            oNewNode.setAttribute('orgfontsize', '');
        }
        if( gWidth != '' ) {
            oNewNode.style.width = gWidth + 'px';
            oNewNode.setAttribute('orgwidth',gWidth );
        }else{
            oNewNode.setAttribute('orgwidth', '');
        }
        if(gOrgUrl!=''){
        	oNewNode.setAttribute('orgUrl',gOrgUrl );
        }
        editor.execCommand('insertHtml',oNewNode.outerHTML);
        delete UE.plugins[thePlugins].editdom;
    }
};
</script>
</body>
</html>